<template>
  <el-table-column v-bind="$attrs" :min-width="minWidth" show-overflow-tooltip align="center">
    <slot />
  </el-table-column>
</template>
<script lang="ts" setup>
// 多级表头 （需要使用<slot />才能显示多级表头）
defineOptions({
  name: 'MkColumnHead',
});

const props = defineProps({
  col: { // 宽度比例 0.1 到 6.0
    type: Number,
    default: 1,
  },
  entity: { // 实体名, 数据库表名
    type: String,
    require: true
  },
});

// 宽度以120px为1单位, min-width 会把宽度按比例分配给设置了 min-width 的列
const minWidth = computed(() => {
  return props.col * 120;
});

</script>
